<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>优惠卷详情</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<link rel="stylesheet" href="/Public/Wap/coupon/css/base.css">
	<style>

		.cdlist{background: #161617;}
		.cdlist ul{}
		.cdlist li{border-bottom: 1px #222426 solid;padding: 1rem;line-height: 2.5rem;height: 2.5rem;}
		.cdlist li .key{width: 30%; font-size: 1.4rem;display: inline-block;text-align: center;color: #fff;float: left;}
		.cdlist li .val{font-size: 1.4rem; display: inline-block;text-align: center;color: #ddd;float: left;width: 68%;}
		.cdlist li.no{height: auto;}
		.pd1{padding: 1rem; margin-top: 1rem;}
		.btn{color: #333;font-size: 1.4rem;display: block;text-align: center;background: #a9d72c; padding: 0.7rem 0rem;width: 100%;}

		.bottom-info{border: 2px #222426 solid;}
	</style>
</head>
<body>
	<div class="cdlist">
		<ul>
			<li>
				<span class="key">编　号</span>
				<span class="val">15100021545</span>
			</li>
			<li>
				<span class="key">面　值</span>
				<span class="val">￥30.00</span>
			</li>
			<li>
				<span class="key">余　额</span>
				<span class="val">￥30.00</span>
			</li>
			<li>
				<span class="key">使用渠道</span>
				<span class="val">全部渠道</span>
			</li>
			<li>
				<span class="key">状　态</span>
				<span class="val">未使用</span>
			</li>
			<li class="no">
				<span class="key">有效期</span>
				<span class="val">2015-5-20 00:00至 2015-06-
08 23:59</span>
				<div class="clear"></div>
			</li>
			<li class="no">
				<span class="key">说　明</span>
				<span class="val">烫染洗发满199元可用</span>
				<div class="clear"></div>
			</li>
			<li class="no">
				<span class="key">来　源</span>
				<span class="val">会员专享优惠券30元</span>
				<div class="clear"></div>
			</li>
		</ul>
		<div class="pd1"><a class="btn" href="#">立即使用此优惠券</a></div>

		<div class="bottom-info">
			
		</div>
	</div>
</body>
</html>